<template>
	<view>
		<custom-nav-sq-xcx :isBack="true" currBg="usuallyBg" :needConBlock="true">
			<block slot="content">量表详情</block>
		</custom-nav-sq-xcx>
		<view class="sqConBlock"></view>
		<view class="sqConWrap">
			<view class="detImg">
				<image class="samePar" src="https://hxy2022-1309823386.cos.ap-beijing.myqcloud.com/zongzhi/cpBg.png"></image>
			</view>
			<view class="cpTit">{{detInfo.title}}</view>
			<!-- <view class="scaleTit">{{detInfo.title}}</view> -->
			<view class="scaleDet hasFlex">
				<view class="cpNum">
					<text class="iconfont icon-queNum"></text>
					<text>共90题</text>
				</view>
				<view class="lineView"></view>
				<view class="cpNum">
					<text class="iconfont icon-yonghu"></text>
					<text>已测2523人</text>
				</view>
				<view class="lineView"></view>
				<view class="cpNum">
					<text class="iconfont icon-shijian"></text>
					<text>平均用时3min</text>
				</view>
			</view> 
			<view class="cpMod">
				<view class="modTit">测评介绍</view>
				<view class="modCon">房贷首付国际饭店冷库国际饭店两个放到手机里开发就是官方的结果来看大概几点</view>
			</view>
			<!-- <view class="cpMod" v-if="hasZdFlag == 1">
				<view class="modTit">指导语</view>
				<view class="modCon"><rich-text :nodes="cpZdInfo"></rich-text></view>
			</view> -->
			<view class="cpMod">
				<view class="modTit">注意事项</view>
				<view class="modCon">费德勒客观的给否定了可根据到了给发的数据来看发的时间分厘卡结果发动进攻</view>
			</view>
			<view class="cpMod">
				<view class="modTit">测评须知</view>
				<view class="modCon">
					<view>1.请认真测评,每道题的测评时间至少为1秒,如若做题过快,系统将判断本次测评无效。</view>
					<view class="spec">2.测评对象：海斯顿小区</view>
					<view class="spec">3.测评日期2023-05-20<text style="margin: 0 5rpx;">至</text>2023-05-23</view>
					<!-- <view class="spec" v-if="detInfo.reportTag == 1">4.本次测评支持查看测评报告</view>
					<view class="spec" v-if="detInfo.reportTag == 2">4.本次测评不支持查看测评报告</view> -->
				</view>
			</view>
			<button class="comBtn sq hasBorRad ">开始测试</button>
		</view>
	</view>
</template>

<script>
	export default {
		
	}
</script>

<style lang="scss">
	page{
		background: $sq-fuf;
	}
	.detImg{
		width: 686rpx;
		height: 416rpx;
		margin: 0rpx auto;
		.samePar{
			border-radius: 16rpx;
		}
	}
	.cpTit{
		font-size: 36rpx;
		color: $sq-main0;
		font-weight: 600;
		margin: 30rpx 0 15rpx;
	}
	.scaleTit{
		font-size: 26rpx;
		color: $sq-main8;
	}
	.cpMod{
		margin-top: 30rpx;
		.modTit{
			font-size: 30rpx;
			color: $sq-main0;
			font-weight: 600;
			margin-bottom: 15rpx;
		}
		.modCon{
			font-size: 28rpx;
			color: $sq-main4;
			line-height: 40rpx;
			margin: 0 1em;
			.spec{
				color: $pss-sq-red;
				margin-top: 8rpx;
			}
		}
	}
	.comBtn{
		// background: $pss-color-blueDeep;
		margin:40rpx 0 0;
		font-size: 30rpx;
		&.disBg{
			background: #ccc;
		}
	}
	.scaleDet{
		align-items: center;
		margin-top: 15rpx;
		.cpNum{
			font-size: 24rpx;
			color: $sq-main8;
			display: flex;
			align-items: center;
			.iconfont{
				font-size: 32rpx;
				margin-right: 10rpx;
				color: $pss-sq-main-bg;
				&.icon-shijian{
					font-size: 30rpx;
				}
			}
		}
		.lineView{
			width: 5rpx;
			height: 22rpx;
			background: #ccc; 
			margin: 0 30rpx;
		}
	}
</style>